<template>
  <div class="image-container">
    <a-image :width="size" :height="size" :src="imageSrc" fallback="http://192.168.110.178/business/static/img/img-null.24fa6e62.png" />
  </div>
</template>

<script lang="ts" setup>
  import { computed, withDefaults } from "vue"
  import type { ImageInstance } from "./instance"
  const props = withDefaults(defineProps<ImageInstance>(), {
    size: 28,
  })

  const imageSrc = computed(() => props.src)
</script>
<style lang="scss">
  .image-container {
    > div {
      display: block;
    }
    img {
      border-radius: 100%;
    }
  }
</style>
